<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    /* 
    overflow用于控制内容溢出时的行为
    口 visible: 溢出的内容照样可见
    口 hidden: 溢出的内容直接裁剪
    口 scroll: 溢出的内容被裁剪，但可以通过滚动机制查看
    口会一直显示滚动条区域，滚动条区域占用的空间属于width、height口auto:自动根据内容是否溢出来决定是否提供滚动机制
    */
    .box{
        width: 200px;
        background-color: aqua;
        height: 300px;
        /*  */
        overflow: auto;
    }
</style>
<body>
    <div class="box">千村示范、万村整治”工程实施20年来，浙江万千乡村完成美丽蝶变，展开一幅村容整洁、创业增收、乡风文明、宜居宜业的画卷。

        2021年起，“千万工程”转向“千村未来、万村共富”阶段。记者在浙江乡村的各类探索中，看到未来乡村的模样。</div>
</body>
</html>